<!-- Content Header (Page header) -->

<section class="content-header">
    <div class="position pull-lift">
        <i class="fa fa-home"></i>
        <a href="student-index.html">首页</a>
        <span class="c-gray en">&gt;</span>
        第二课堂
        <span class="c-gray en">&gt;</span>
        申请进度
        <div class="pull-right">
            <span type="button" class="btn btn-sm btn-primary btn-refresh ">刷新</span>
        </div>
    </div>
</section>
<!-- Main content -->
<section class="content">
    <!--.box -->
    <div class="box">
        <div class="box-header">
            <div class="row">
                <div class="col-md-2 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label>申请状态</label>
                        <select class="form-control">
                            <option value="0">所有状态</option>
                            <option value="1">已通过</option>
                            <option value="2">审核中</option>
                            <option value="3">被驳回</option>
                        </select>
                    </div>

                </div>
                <div class="col-md-2 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label>申请课程类别</label>
                        <select class="form-control">
                            <option value="0">所有课程</option>
                            <option value="1">政治理论与道德修养</option>
                            <option value="2">文体艺术课程</option>
                            <option value="3">学术创新课程</option>
                            <option value="4">实习创业课程</option>
                            <option value="5">专业技能与职业资格课程</option>
                            <option value="6">社会实践课程</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-md-12">
                    <table class="table no-margin">
                        <thead>
                            <tr>
                                <td>#</td>
                                <td>课程类别</td>
                                <td>课程内容</td>
                                <td>课程级别</td>
                                <td>课程学时</td>
                                <td>当前审核人</td>
                                <td>最终审核部门</td>
                                <td>审核进度</td>
                                <td>审核状态</td>
                                <td>通知</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>政治理论与道德修养</td>
                                <td>党校学习</td>
                                <td>党员培训</td>
                                <td>30</td>
                                <td>院级管理员</td>
                                <td>院级管理员</td>
                                <td>
                                    <div class="progress-group">
                                        <span class="progress-number">&nbsp;&nbsp;<b> 90%</b></span>

                                        <div class="progress sm">
                                            <div class="progress-bar progress-bar-light-blue" style="width: 90%"></div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="label label-primary">审核中</span>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>政治理论与道德修养</td>
                                <td>党校学习</td>
                                <td>发展对象培训</td>
                                <td>25</td>
                                <td>班级管理员</td>
                                <td>院级管理员</td>
                                <td>
                                    <div class="progress-group">
                                        <span class="progress-number">&nbsp;&nbsp;<b> 30%</b></span>

                                        <div class="progress sm">
                                            <div class="progress-bar progress-bar-light-blue" style="width: 30%"></div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="label label-primary">审核中</span>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>政治理论与道德修养</td>
                                <td>各种荣誉称号</td>
                                <td>省级-正选</td>
                                <td>40</td>
                                <td>院级管理员</td>
                                <td>校级管理员</td>
                                <td>
                                    <div class="progress-group">
                                        <span class="progress-number">&nbsp;&nbsp;<b> 100%</b></span>

                                        <div class="progress sm">
                                            <div class="progress-bar progress-bar-green" style="width: 100%"></div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="label label-success">已通过</span>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>文体艺术课程</td>
                                <td>参加校园文化</td>
                                <td>校级</td>
                                <td>5</td>
                                <td>院级管理员</td>
                                <td>院级管理员</td>
                                <td>
                                    <div class="progress-group">
                                        <span class="progress-number">&nbsp;&nbsp;<b> 90%</b></span>

                                        <div class="progress sm">
                                            <div class="progress-bar progress-bar-red" style="width: 90%"></div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="label label-danger">被驳回</span>
                                </td>
                                <td>
                                    <span class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modal">驳回原因</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- /.box-body -->
        <div class="box-footer">

        </div>
        <!-- /.box-footer-->
    </div>
    <!--/.box-->

</section>
<!-- /.content -->
<!-- credit  Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">申请驳回信息</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div>
                            <span><b>驳回部门&nbsp;&nbsp;：</b></span>
                            <span>&nbsp;&nbsp;院级管理员</span>
                        </div>
                        <br/>
                        <div>
                            <span><b>驳回原因&nbsp;&nbsp;：</b></span>
                            <span>&nbsp;&nbsp;材料提交不符合要求，请提交齐全的申请材料证明</span>
                        </div>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--end modal-->